<template>
<div class="">
    
    <mt-header title="标题过长会隐藏后面的内容啊哈哈哈哈">
        <router-link to="/" slot="left">
            <mt-button icon="back">返回</mt-button>
        </router-link>
        <mt-button icon="more" slot="right"></mt-button>
    </mt-header>

    <div>
        <mt-cell title="标题文字"></mt-cell>
        <mt-cell title="标题文字" value="说明文字"></mt-cell>
        <mt-cell
  title="标题文字"
  to="//github.com"
  is-link
  value="带链接">
</mt-cell>
<mt-cell title="标题文字" icon="more" value="带 icon"></mt-cell>

    </div>


    <mt-tabbar v-model="selected">
        <mt-tab-item id="外卖">
            <img slot="icon" src="">
            外卖
        </mt-tab-item>
        <mt-tab-item id="订单">
            <img slot="icon" src="">
            订单
        </mt-tab-item>
        <mt-tab-item id="发现">
            <img slot="icon" src="">
            发现
        </mt-tab-item>
        <mt-tab-item id="我的">
            <img slot="icon" src="">
            我的
        </mt-tab-item>
    </mt-tabbar>
</div>
</template>

<script>
export default {
  name: 'Two',
  data () {
    return {
      msg: '第二个组件页面,ele样式按钮',
      active: 2
    }
  },
  methods: {
      next() {
        if (this.active++ > 2) this.active = 0;
      }
    }
}
</script>